import React, { useEffect } from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import { ConfigProvider } from 'antd';
import zhCN from 'antd/locale/zh_CN';
import './App.css';

// 导入页面组件
import AdminLayout from './layouts/AdminLayout';
import ClientLayout from './layouts/ClientLayout';

// 导入用户行为埋点
import userTracking from './utils/tracking';

function App() {
  useEffect(() => {
    // 初始化用户埋点系统
    console.log('应用启动，用户埋点系统已初始化');
    
    // 模拟用户登录后设置用户ID（实际项目中应该从认证系统获取）
    // userTracking.setUserId('user_' + Date.now());
    
    // 应用卸载时清理埋点系统
    return () => {
      userTracking.destroy();
    };
  }, []);
  
  return (
    <ConfigProvider locale={zhCN}>
      <Router>
        <Routes>
          {/* 默认重定向到客户端页面 */}
          <Route path="/" element={<Navigate to="/client" replace />} />
          
          {/* 客户端页面路由 */}
          <Route path="/client/*" element={<ClientLayout />} />
          
          {/* 管理后台路由 */}
          <Route path="/admin/*" element={<AdminLayout />} />
        </Routes>
      </Router>
    </ConfigProvider>
  );
}

export default App;